<template>
	<view class="address">
		<navNav :navobj="navobj"></navNav>
		
		<view class="content">
			<view class="cont" style="border-bottom: 1rpx solid #eee;">
				<view class="cont-left">
					<view class="title">选择常驻地址</view>
					<view class="des">以常驻地址推送订单</view>
				</view>
				<view class="cont-right">选择地址</view>
			</view>
			<view class="cont">
				<view class="cont-left">
					<view class="title">选择技能</view>
					<view class="des">以擅长技能推送订单</view>
				</view>
				<view class="cont-right">选择技能</view>
			</view>
		</view>
	
	</view>
</template>

<script setup>
	import {reactive, ref,getCurrentInstance} from 'vue'
	import {onLoad} from "@dcloudio/uni-app"
	const {proxy} = getCurrentInstance()
	const navobj = reactive({
		title:'',
		image:true
	})
				

</script>

<style lang="scss">
	page{
		overflow: hidden;
		background-color: #f5f5f5;
	}
	.content{
		 margin: 0 auto;margin-top: 40%;
		 width: 670rpx;height: 336rpx;background: #FFFFFF;border-radius: 20rpx;
		.cont{
			margin: 0 auto; width: 590rpx;height: 168rpx;display: flex;align-items: center;
			justify-content: space-between;
			.cont-left{
				display: flex;flex-direction: column;
				.title{
					font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
					font-weight: 700;
					font-size: 28rpx;
					color: #3D3D3D;
				}
				.des{
					margin-top: 4rpx;
					font-family: Source Han Sans, Source Han Sans;
					font-weight: 400;
					font-size: 24rpx;color: rgba(0,0,0,0.3);
				}
			}
			.cont-right{
				width: 136rpx;height: 46rpx;background: #3662EC;border-radius: 10rpx;
				font-family: Source Han Sans, Source Han Sans;text-align: center;
				font-weight: 400;font-size: 24rpx;color: #FFFFFF;line-height: 46rpx;
			}
		}
	}

</style>
